/**
* Copyright (c) 2022 Beijing Jiaotong University
* PhotLab is licensed under [Open Source License].
* You can use this software according to the terms and conditions of the [Open Source License].
* You may obtain a copy of [Open Source License] at: [https://open.source.license/]
* 
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
* 
* See the [Open Source License] for more details.
* 
* Author: Zhenjie Wei
* Created: Mar. 22, 2023
* Supported by: National Key Research and Development Program of China
*/

@mixin phot-analyze-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    &.phot-analyze-content {
        .phot-analyze-content-main {
            .center {
                height: 100%;
                box-sizing: border-box;
                .preview-list {
                    height: 100%;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-start;
                    flex-wrap: wrap;
                    align-content: space-between;
                    .preview-item {
                        flex: 1;
                        flex-shrink: 0;
                        max-width: 50%;
                        height: 100%;
                        position: relative;
                        box-sizing: border-box;
                        .title {
                            height: 24px;
                            width: 100%;
                            font-size: 12px;
                            background-color: $border_light;
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            padding-left: 20px;
                            position: absolute;
                            top: 0;
                            left: 0;
                            box-sizing: border-box;
                        }
                        #diagram {
                            position: absolute;
                            top: 24px;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                    }
                }
            }
        }
    }
}

@mixin phot-analyze-content-dark {
}
